<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // this：谁调用就指向谁
        // 看不出来是谁调用的一般就是window
        // 全局的变量都相当于是添加给了window对象（鸿蒙中没有）
        function sayHi() {
            console.log('你好',this)
        }
        // sayHi()

        // 可以看出来谁调用
        const person  = {
            name:'刘德华',
            
            sayHi() {
                console.log('你好',this)
            },

            sayHello:()=>{
                console.log('您好',this)
            },

            seigHell:(
                setTimeout(function() {
                console.log('seigHell!',this)
            }, 1000)
            )
        }
        // sayHi函数由person调用，this打印出来就是person
        person.sayHi()
        // sayHello是箭头函数，箭头函数在创建时会绑定当前作用域中的this
        // 如果当前作用域没有this则会一直向上一级找
        // 常见的作用域：函数作用域、块级作用域、模块作用域、全局作用域
        person.sayHello()
        person.seigHell()

    </script>
</body>
</html>